<template>
  <ConfigForm :configs="createForm" @close="haneldClose" />
</template>

<script setup lang="jsx">
import { ref } from 'vue'
import ConfigForm from '@/components/CRUD/ConfigForm.vue'

const companyOptions = [
  { label: '物业公司A', value: 'a' },
  { label: '物业公司B', value: 'b' }
]
const projectOptions = [
  { label: '项目一', value: '1' },
  { label: '项目二', value: '2' }
]

const createForm = [
  { label: '公司', key: 'company', type: 'select', required: true, props: { placeholder: '请选择物业公司', }, options: companyOptions },
  { label: '项目', key: 'project', type: 'select', required: true, props: { placeholder: '请选择物业项目', }, options: projectOptions },
  { label: '业主姓名', key: 'owner', type: 'input', required: true, props: { placeholder: '请输入' } },
  { label: '联系方式', key: 'contact', type: 'input', required: true, props: { placeholder: '请输入' } },
  { label: '房间号', key: 'room', type: 'input', required: true, props: { placeholder: '请输入' } },
  { label: '欠费金额', key: 'arrears', type: 'input', required: true, props: { placeholder: '请输入' } },
]


function haneldClose() {
  model.value = false
}

</script>
